<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ include file="common/header.jsp"%>
<!-- 左侧导航 -->
<div class="shopNav">
	<div class="slideall">

		<div class="long-title">
			<span class="all-goods">全部分类</span>
		</div>
		<div class="nav-cont">
			<ul>
				<li class="index"><a href="#">首页</a></li>
				<li class="qc"><a href="#">书摊区</a></li>
				<li class="qc"><a href="#">求书区</a></li>
				<li class="qc last"><a href="#">服务区</a></li>
			</ul>
		</div>

		<div class="bannerTwo">
			<!--轮播 -->
			<div class="am-slider am-slider-default scoll" data-am-flexslider
				id="demo-slider-0">
				<ul class="am-slides">
					<li><a><img
							src="${pageContext.request.contextPath}/statics/images/carousel/1.jpg" /></a></li>
					<li><a><img
							src="${pageContext.request.contextPath}/statics/images/carousel/2.jpg" /></a></li>
					<li><a><img
							src="${pageContext.request.contextPath}/statics/images/carousel/3.jpg" /></a></li>
				
				</ul>
			</div>
			<div class="clear"></div>
		</div>

		<!--侧边导航 -->
		<div id="nav" class="navfull">
			<div class="area clearfix">
				<div class="category-content" id="guide_2">
					<div class="category">
						<ul class="category-list" id="js_climit_li">
							<c:if
								test="${cateGoryMap != null && fn:length(cateGoryMap) != 0}">
								<c:forEach var="entry" items="${cateGoryMap}"
									varStatus="getIndex">
									<li id="nav-left-li" class="appliance js_toggle relative 
										<c:if test='${getIndex.index==0}'>first</c:if>">
										<div class="category-info">
											<h3 class="category-name b-category-name">
												<a class="ml-22" title="">${entry.key.categoryName}</a>
											</h3>

										</div> <!-- 二级目录  -->

										<div class="menu-item menu-in top">
											<div class="area-in">
												<div class="area-bg">
													<div class="menu-srot">
														<div class="sort-side">
															<c:forEach var="item" items="${entry.value}">
																<dl class="dl-sort">
																	<dt>

																		<span>${item.key.categoryName}</span>

																	</dt>
																	<c:forEach var="item2" items="${item.value}">
																		<c:choose>
																			<c:when test="${item2.categoryName == '' || item2.categoryName == null}">
																				<dd>
																					<a title="" href="#"><span>暂无</span></a>
																				</dd>
																			</c:when>
																			<c:otherwise>
																				<dd>
																		
																					<a  
																						title="${item2.categoryName}" 
																						class="bookLevel"
																						level1="${item.key.parentId}"
																						level2="${item2.parentId}"
																						level3="${item2.id}"
																						url="${pageContext.request.contextPath}/"
																						>
																						<span>${item2.categoryName}</span>
																					</a>
																				</dd>

																			</c:otherwise>

																		</c:choose>

																	</c:forEach>
																</dl>
															</c:forEach>
														</div>
													</div>
												</div>
											</div>
										</div> <b class="arrow"></b>
									</li>
								</c:forEach>
							</c:if>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!--小导航 -->
		<div class="am-g am-g-fixed smallnav">
			<div class="am-u-sm-3">
				<a href="${pageContext.request.contextPath}/sp/mobile/sort.action"><img src="${pageContext.request.contextPath}/statics/images/home/tushuguan.png" />
					<div class="title">图书分类</div> </a>
			</div>
			<div class="am-u-sm-3">
				<a href="${pageContext.request.contextPath}/seller/index.action"><img src="${pageContext.request.contextPath}/statics/images/home/maijia2.png" />
					<div class="title">卖家中心</div> </a>
			</div>
			<div class="am-u-sm-3">
				<a href="#"><img src="${pageContext.request.contextPath}/statics/images/home/person.png" />
					<div class="title">个人中心</div> </a>
			</div>
			<div class="am-u-sm-3">
				<a href="#"><img src="${pageContext.request.contextPath}/statics/images/home/guanyuwomen.png" />
					<div class="title">关于我们</div> </a>
			</div>
		</div>

		<!-- 走马灯 -->
		<div class="marqueenTwo">
			<span class="marqueen-title"><i
				class="am-icon-volume-up am-icon-fw"></i>平台头条<em
				class="am-icon-angle-double-right"></em></span>
			<div class="demo">

				<ul>
					<li class="title-first"><a target="_blank" href="#"> <span>[特惠]</span>二手书年末大促，低至两件五折
					</a></li>
					<li><a target="_blank" href="#"> <span>[公告]</span>欢迎xxxx新店主加盟
					</a></li>
					<li><a target="_blank" href="#"><span>[特惠]</span>计算机类图书刚刚售罄
					</a></li>
					<li><a target="_blank" href="#"><span>[公告]</span>新增分类:自然科学</a></li>
					<li><a target="_blank" href="#"><span>[特惠]</span>新店主加盟享有第一本图书享受8折优惠</a></li>
					<li><a target="_blank" href="#"><span>[特惠]</span>考研党福利:购买资料送考研专属词汇表</a></li>
					<li><a target="_blank" href="#"><span>[公告]</span>平台交易目前尚未完善,请客户私下协商</a></li>

				</ul>

			</div>
		</div>
		<div class="clear"></div>

	</div>
</div>



<!-- 商品推荐 -->
<div class="shopMainbg">
	<div class="shopMain" id="shopmain">
		<div class="f1">
			<!--甜点-->

			<div class="am-container ">
				<div class="shopTitle ">
					<h4 class="floor-title">教材  / 教辅  / 考试</h4>
					<div class="floor-subtitle">
						
						<h3>让学习之路不在坎坷</h3>
					</div>
					<div class="today-brands " style="right: 0px; top: 13px;">
						<a href="${pageContext.request.contextPath}/home/53/more.action">更多&gt;&gt;</a>
					</div>

				</div>
			</div>
			
			
			<div class="am-g am-g-fixed search-list">
				<div class="search-content">
					<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
						<c:forEach var="book" items="${textBookList}">
						
							<li >
								<div class="i-pic limit" >
									<a
									class="bookinfo" 
									url="${pageContext.request.contextPath}/"
									bid="${book.id}"
										><img src="${book.imgPic}" /></a>
									<p class="title fl">【${book.bookName}】</p>
									<p class="title fl">${book.author}&nbsp;著</p>
									<p class="price fl">
										<b>¥</b> <strong>${book.sellPrice}</strong>
									</p>
									<p class="number fl">
										<span>${book.condition}成新</span>
									</p>
								</div>
							</li>
						
						</c:forEach>
						
					
					</ul>
					
				</div>
				
				<div class="search-side">

					<div class="side-title">精选好书</div>

					<li>
						<div class="i-pic check">
							<a 
								class="bookinfo" 
								url="${pageContext.request.contextPath}/"
								bid="${book.id}">
								<img src="${textBookList[0].imgPic}" />
							</a>
							<p class="check-title">推荐测试</p>
							<p class="price fl">
								<b>¥</b> <strong>29.90</strong>
							</p>
							<p class="number fl">
								<span>7成新</span>
							</p>
						</div>
					</li>

				</div>
				<div class="clear"></div>
			
			</div>


			<div class="clear "></div>
			
			<div class="am-container ">
				<div class="shopTitle ">
					<h4 class="floor-title">工程科技 / 互联网</h4>
					<div class="floor-subtitle">
						
						<h3>领略科技的风采</h3>
					</div>
					<div class="today-brands" style="right: 0px; top: 13px;">
						<a href="${pageContext.request.contextPath}/home/54/more.action">更多&gt;&gt;</a>
					</div>

				</div>
				<div class="am-g am-g-fixed search-list">
					<div class="search-content">
						<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
							<c:forEach var="book" items="${techBookList}">
							
								<li>
									<div class="i-pic limit">
										<a 
											class="bookinfo" 
											url="${pageContext.request.contextPath}/"
											bid="${book.id}">
											<img src="${book.imgPic}" />
										</a>
										<p class="title fl">【${book.bookName}】</p>
										<p class="title author">${book.author}&nbsp;著</p>
										<p class="price fl">
											<b>¥</b> <strong>${book.sellPrice}</strong>
										</p>
										<p class="number fl">
											<span>${book.condition}成新</span>
										</p>
									</div>
								</li>
							
							</c:forEach>
							
							
			
						</ul>
	
					</div>
					
					<div class="search-side">

						<div class="side-title">精选好书</div>
	
						<li>
							<div class="i-pic check">
								<a 
								class="bookinfo" 
								url="${pageContext.request.contextPath}/"
								bid="${book.id}">
									<img src="${bookList[0].imgPic}" />
								</a>
								<p class="check-title">推荐测试2</p>
								<p class="price fl">
									<b>¥</b> <strong>29.90</strong>
								</p>
								<p class="number fl">
									<span>7成新</span>
								</p>
							</div>
						</li>
	
					</div>
			
				</div>
			</div>			
			
		</div>

	</div>

</div>






<%@ include file="common/footer.jsp"%>
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/statics/myjs/init.js"></script>
<script src="${pageContext.request.contextPath}/statics/myjs/common.js"></script>



